<!DOCTYPE html>
<!--[if IEMobile 7 ]>    <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title></title>
        <meta name="description" content="">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="cleartype" content="on">

        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/touch/apple-touch-icon-144x144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/touch/apple-touch-icon-114x114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/touch/apple-touch-icon-72x72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="img/touch/apple-touch-icon-57x57-precomposed.png">
        <link rel="shortcut icon" href="img/touch/apple-touch-icon.png">

        <!-- Tile icon for Win8 (144x144 + tile color) -->
        <meta name="msapplication-TileImage" content="img/touch/apple-touch-icon-144x144-precomposed.png">
        <meta name="msapplication-TileColor" content="#222222">


        <!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
        <!--
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="">
        -->

        <!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
        <!--
        <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
        -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>

        <!-- JQUERY MOBILE -->
        <link rel="stylesheet" href="js/libs/jquery.mobile/jquery.mobile.css" />
        <script src="js/libs/jquery.mobile/jquery.min.js"></script>
        <script src="js/libs/jquery.mobile/jquery.mobile.min.js"></script>

        <!-- JS -->
        <script src="js/add.js"></script>

        <!-- CSS -->
        <link rel="stylesheet" href="css/layout.css" />
    </head>
    <body>

        <!-- Home -->
        <div data-role="page" id="full-add">
            <div data-theme="a" data-role="header" data-position="fixed" id="header">
                <h3 class="title">Movers</h3>
                <span class="baseline">Déménagez malin, faites vous des copains.</span>
            </div>
            <div data-role="content" class="content">
                <form>
                    <div id="step1">
                        <input type="text" name="title" value="" placeholder="Titre de l'annonce"/>
                        <input type="text" name="author" value="" placeholder="Auteur"/>
                        <input type="text" name="address" value="" placeholder="Adresse"/>
                        <input type="text" name="contact" value="" placeholder="Contact (email ou téléphone)"/>
                        <input type="text" name="category" value="" placeholder="Catégorie"/>

                        <a href="#" class="next" data-transition="slide">Etape suivante</a>
                    </div>
                    <div id="step2">
                        <textarea name="description" placeholder="Description"></textarea>

                        <a href="#" class="prev" data-transition="slide">Etape précédente</a>
                    </div>
                </form>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed" id="footer">
                <a class="button green" data-corners="false" data-shadow="false" data-iconshadow="false" href="index.html" data-transition="slidedown" disabled>
                    Publier
                </a>
                <a class="button red" data-corners="false" data-shadow="false" data-iconshadow="false" href="index.html" data-transition="slidedown">
                    Annuler
                </a>
            </div>
        </div>

        <script src="js/vendor/zepto.min.js"></script>
        <script src="js/helper.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <!--<script>
            var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
            g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
            s.parentNode.insertBefore(g,s)}(document,"script"));
        </script>-->
    </body>
</html>
